<template>
	<main class="inner-page">
		<ActFeedTabs/>
	<router-view v-slot="{Component}">
		<keep-alive :include="cachedViews">
			<component :is="Component"  :key="routeKey"/>
		</keep-alive>
	</router-view>
	</main>
</template>
<style lang="scss" scoped>
.inner-page{
	padding-bottom:calc(50px + env(safe-area-inset-bottom));
}
</style>
<script lang="ts" setup>
//采用嵌套路由，router-view是第二层
import ActFeedTabs from "@/components/act/ActFeedTabs.vue";

const {storeCacheView} = useStore()
const {cachedViews} = storeToRefs(storeCacheView)
const currentRoute=useRoute()
const router=useRouter()

console.log('actLayer')
const routeKey =computed(()=>{
	return currentRoute.meta.routerViewKey || currentRoute.path  // 优先赋值为 routerViewKey
})
</script>